@import "../../asset/common";


.home-page{
  padding: 20px 20px 50px 20px;
  background-color: #e4ebf7;
  -webkit-box-shadow: 0 3px 10px -8px #000 inset;
  -moz-box-shadow:0 3px 10px -8px #000 inset;
  box-shadow:0 3px 10px -8px #000 inset;
  @include box-sizing();
  .index-head{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
  }
  .praise-bord{
    width: 280px;
    float: left;
    margin-right: -300px;
    background-color: #fff;
    @include  border-radius(5px);
    .praise-list{
      padding: 15px 0;
      li{
        padding: 15px 20px;
        a{
          display: block;
          img{
            width: 60px;
            height: 60px;
            float: left;
            margin-right: 10px;
            margin-top: -5px;
            vertical-align: middle;
            @include border-radius(60px);
          }
          .names{
            color: #515974;
            font-size: 14px;
            font-weight: normal;
          }
          .star{
            color: #ffcd09;
            font-size: 12px;
          }
          p{
            font-size: 12px;
            color: #a5a6bb;
          }
        }
      }
    }
  }
  .absolute-box{
    margin-left: 300px;
    .order-bord{
      background-color: #fff;
      @include border-radius(5px);
      margin-bottom: 20px;
      .order-lists{
        overflow: hidden;
        li{
          padding: 60px 0;
          float: left;
          width: 25%;
          text-align: center;
          .num{
            color:#515974;
            font-size: 36px;
            font-weight: normal;
          }
          .types{
            font-size:14px;
            color: #a5a6bb;
          }
        }
      }
    }
    .count-bord{
      background-color: #fff;
      @include border-radius(5px);
      .chars{
        width: 70%;
        float: left;
        height: 300px;
        padding-bottom: 20px;
      }
      .count-info{
        width: 30%;
        float: left;
        height: 320px;
        padding: 80px 0;
        border-left: 1px solid #e5e5e5;
        @include box-sizing();
        .count-item{
          width: 100%;
          text-align: center;
          padding: 15px 0;
          .num{
            color: #515974;
            font-size: 36px;
            font-weight: normal;
          }
          .desc{
            font-size: 14px;
            color: #a5a6bb;
          }
        }
      }
    }
  }
}